// 声明一个全局base64
let base64str = ''

// 选图片
$('.select').on('click', function () {

    // 立即执行input  file事件选择文件
    $('#file').click()
})


//选中后触发change事件   
$('#file').on('change', function (e) {
    console.log(e)
    // change事件的信息都存在形参e中
    //  e.target.files[0]
    const file = e.target.files[0]

    // 利用 window.URL生成一个实时更新的临时预览地址
    let url = window.URL.createObjectURL(file)

    console.log(url)
    // 预览路径赋值给予img标签src属性
    $('#image').prop('src', url)


    // 声明js文件流
    const reader = new FileReader()

    //判断是否传送文件
    if (file) {
        // $('.sure').attr('disable', false)
        // 将文件转换成base64
        reader.readAsDataURL(file)

        // 完成后
        reader.onload = function () {
            // console.log(reader.result)
            base64str = reader.result
        }
    }

    // ==========================上传更换头像==========================

    $('.sure').on('click', function () {
        // console.log(base64str)
        if (!base64str) return layer.msg('请进行选择图片！！')


        // 将base64字符串 进过encodeURIComponent译编为后台编码
        base64str = encodeURIComponent(base64str)

        const data = `avatar=${base64str}`;

        avatar(data, (res) => {
            // 收取信息成功与否

            window.parent.getUserInfo()

            base64str = ''

            $('.sure').attr('disable', true)

        })

    })
})


// =================设置默认头像=============================

userinfo(function (res) {
      if (res.data.status === 0) {
          // 成功获取就将 user_pic 赋值给 image的src
          const {
              user_pic
          } = res.data.data

          if (user_pic) $('#image').prop('src', user_pic)
      }
})


// 哈哈哈